<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="/shared/bootstrap/bootstrap.css" />
    <script src="/shared/bootstrap/bootstrap.bundle.js"></script>
    <style>
      .imgstyle {
        width: 100%;
        height: calc(100vh - 50px);
        background-size: cover;
        background-repeat: no-repeat;
        /* background-image: url('http://localhost:3000/1.jpg'); */
      }
    </style>
  </head>

  <body>
    <div class="main">
      <div class="topbar"></div>
      <div class="box">
        <div
          id="carouselExampleCaptions"
          class="carousel slide"
          data-bs-ride="carousel"
        >
          <div class="carousel-indicators"></div>
          <div class="carousel-inner"></div>
          <button
            class="carousel-control-prev"
            type="button"
            data-bs-target="#carouselExampleCaptions"
            data-bs-slide="prev"
          >
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
          </button>
          <button
            class="carousel-control-next"
            type="button"
            data-bs-target="#carouselExampleCaptions"
            data-bs-slide="next"
          >
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
          </button>
        </div>
      </div>
    </div>
    <script src="index.js" type="module"></script>
  </body>
</html>
